<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="btn">普通按钮</button>

<hr>


<a href="https://www.baidu.com" id="aid">单击a标签</a>

<script>

    $("#aid").click(function (event) {
        event.preventDefault();
        alert("hello a!");
    })

    $("#btn").on('click', function (event) {
        console.log(event.type);
        console.log(event.target);
        console.log(event.pageX + ":" + event.pageY);
    })


    $(document).on('mousemove', function (event) {
        console.log(`鼠标位置: X=${event.pageX}, Y=${event.pageY}`);
    });

</script>
</body>
</html>